<template>
  <jm-card>
    <template #header>
      <div class="card-header">
        <span>时间格式说明</span>
      </div>
    </template>
    <jmp-table :data="ruleTable.records" :columns="ruleTable.columns" />
  </jm-card>
</template>

<script setup lang="tsx">
import { reactive } from 'vue'
const ruleTable = reactive({
  columns: [
    {
      prop: 'symbol',
      label: '内置时间格式'
    },
    {
      prop: 'import',
      label: '输入'
    },
    {
      prop: 'time',
      label: '实际时间'
    }
  ],
  records: [
    {
      symbol: 'yyyy-MM-dd HH:mm:ss',
      import: '2022-10-10 12:12:12',
      time: '2022-10-10 12:12:12'
    },
    {
      symbol: 'yyyy-MM-dd',
      import: '2022-10-10',
      time: '2022-10-10 00:00:00'
    },
    {
      symbol: 'yyyyMMdd',
      import: '20221010',
      time: '2022-10-10 00:00:00'
    },
    {
      symbol: 'HH:mm:ss',
      import: '12:12:12',
      time: 'Today 12:12:12'
    },
    // {
    //   symbol: "HH:mm:ss.SSS",
    //   import: "12:12:12.456",
    //   time: "Today 12:12:12.456"
    // },
    {
      symbol: 'yyyyMMddHHmmss',
      import: '20221010121212',
      time: '2022-10-10 12:12:12'
    },
    {
      symbol: 'yyyyMMdd HH:mm:ss',
      import: '20221010 12:12:12',
      time: '2022-10-10 12:12:12'
    }
  ]
})
</script>
